<tem>
<!-- 自定义列出框 -->
<div class="template" id="custom_template">
	<form class="bs-example form-horizontal xs-form clearfix">
       <div class="col-lg-6">
        	<div class="checkbox">
				  <label class="i-checks">
				    <input type="checkbox"
				    	data-id="ids" name="ids" value="eventName"><i></i> 事件名称
				  </label>
			</div>
       </div>
       <div class="col-lg-6">
        	<div class="checkbox">
				  <label class="i-checks">
				    <input type="checkbox"  name="ids" value="kindName" ><i></i> 类型
				  </label>
			</div>
       </div>
       <div class="col-lg-6">
        	<div class="checkbox">
				  <label class="i-checks">
				    <input type="checkbox" name="ids" value="levelId"><i></i> 等级
				  </label>
			</div>
       </div>
       <div class="col-lg-6">
        	<div class="checkbox">
				  <label class="i-checks">
				    <input type="checkbox" name="ids" value="eventCount"><i></i> 聚合数量
				  </label>
			</div>
       </div>


       <div class="col-lg-6">
        	<div class="checkbox">
				  <label class="i-checks">
				    <input type="checkbox"   name="ids" value="srcIpv"><i></i> 源IP
				  </label>
			</div>
       </div>
       <div class="col-lg-6">
        	<div class="checkbox">
				  <label class="i-checks">
				    <input type="checkbox" name="ids" value="srcIpAddr"><i></i> 源IP名称
				  </label>
			</div>
       </div>
       <div class="col-lg-6">
        	<div class="checkbox">
				  <label class="i-checks">
				    <input type="checkbox" name="ids" value="dstIpv"><i></i> 目的IP
				  </label>
			</div>
       </div>
       <div class="col-lg-6">
        	<div class="checkbox">
				  <label class="i-checks">
				    <input type="checkbox" name="ids" value="dstIpAddr"><i></i> 目的IP名称
				  </label>
			</div>
       </div>

       <div class="col-lg-6">
        	<div class="checkbox">
				  <label class="i-checks">
				    <input type="checkbox" name="ids" value="atDate"><i></i> 聚合开始时间
				  </label>
			</div>
       </div>
       <div class="col-lg-6">
        	<div class="checkbox">
				  <label class="i-checks">
				    <input type="checkbox" name="ids" value="upDate"><i></i> 聚合结束时间
				  </label>
			</div>
       </div>
       <div class="col-lg-6">
        	<div class="checkbox">
				  <label class="i-checks">
				    <input type="checkbox" name="ids" value="deviceTypeName"><i></i> 发生源设备类型
				  </label>
			</div>
       </div>
       <div class="col-lg-6">
        	<div class="checkbox">
				  <label class="i-checks">
				    <input type="checkbox" name="ids" value="fromIpv"><i></i> 发生源设备IP
				  </label>
			</div>
       </div>
       <div class="col-lg-6">
        	<div class="checkbox">
				  <label class="i-checks">
				    <input type="checkbox" name="ids" value="srcPort"><i></i> 源端口
				  </label>
			</div>
       </div>
       <div class="col-lg-6">
        	<div class="checkbox">
				  <label class="i-checks">
				    <input type="checkbox" name="ids" value="dstPort"><i></i> 目的端口
				  </label>
			</div>
       </div>
       <div class="col-lg-6">
        	<div class="checkbox">
				  <label class="i-checks">
				    <input type="checkbox" name="ids" value="securityName"><i></i> 管控域
				  </label>
			</div>
       </div>
       <div class="col-lg-6">
        	<div class="checkbox">
				  <label class="i-checks">
				    <input type="checkbox" name="ids" value="stateId"><i></i> 状态
				  </label>
			</div>
       </div>
       <div class="col-lg-6">
        	<div class="checkbox">
				  <label class="i-checks">
				    <input type="checkbox" name="ids" value="protocol"><i></i> 协议
				  </label>
			</div>
       </div>
	</form>
</div>

<!-- 安全事件详细事件 弹出框-->
<div class="template h-all" id="sec_event_detail_template">
	<div class="tab-container h-all" id="tab">
		<ul class="nav nav-tabs nav-justified" data-id="tab-ul">
			<li>
				<a>详细信息</a>
			</li>
			<li>
				<a>原始告警日志查询</a>
			</li>
			<li>
				<a>告警样本分析</a>
			</li>
			<li>
				<a>攻击关联图</a>
			</li>
			<li>
				<a>事件生成策略</a>
			</li>
		</ul>

		<div class="tab-content">
			<!-- tab1 -->
			<div class="tab-pane">
		      <div class="panel-body no-tb-padder">
		        <form class="bs-example form-horizontal xs-form" id="form1">
					<div class="form-group">
				       <label class="col-lg-2 control-label">事件名称：</label>
				       <label class="col-lg-4 control-label tl" data-id="eventName"></label>
				        <label class="col-lg-2 control-label">等级：</label>
				       <label class="col-lg-4 control-label tl" data-id="levelId"></label>
					</div>
					<div class="form-group">
				       <label class="col-lg-2 control-label">类型：</label>
				       <label class="col-lg-4 control-label tl" data-id="kindName"></label>
				       <label class="col-lg-2 control-label">状态：</label>
				       <label class="col-lg-4 control-label tl" data-id="stateName"></label>
					</div>
					<div class="form-group">
					   <label class="col-lg-2 control-label">源IP管控域：</label>
				       <label class="col-lg-4 control-label tl" data-id="srcSdName"></label>
				       <label class="col-lg-2 control-label" style="display: none;">源IP业务域：</label>
				       <label class="col-lg-4 control-label tl" data-id="srcBdName" style="display: none;"></label>
					</div>
					<div class="form-group">
					   <label class="col-lg-2 control-label">目的IP管控域：</label>
				       <label class="col-lg-4 control-label tl" data-id="destSdName"></label>
				       <label class="col-lg-2 control-label" style="display: none;">目的IP业务域：</label>
				       <label class="col-lg-4 control-label tl" data-id="destBdName" style="display: none;"></label>
					</div>
					<div class="form-group">
				       <label class="col-lg-2 control-label">聚合数量：</label>
				       <label class="col-lg-4 control-label tl" data-id="eventCount"></label>
				       <label class="col-lg-2 control-label">引擎：</label>
				       <label class="col-lg-4 control-label tl" data-id="nodeName"></label>
					</div>
					<div class="form-group">
				       <label class="col-lg-2 control-label">聚合开始时间：</label>
				       <label class="col-lg-4 control-label tl" data-id="atDate"></label>
				       <label class="col-lg-2 control-label">聚合结束时间：</label>
				       <label class="col-lg-4 control-label tl" data-id="upDate"></label>
					</div>
					<div class="form-group">
				       <label class="col-lg-2 control-label">源IP/源端口：</label>
				       <label class="col-lg-4 control-label tl" data-id="srcIpPort"></label>
				       <label class="col-lg-2 control-label">源IP资产名称：</label>
				       <label class="col-lg-4 control-label tl" data-id="srcIpName"></label>
					</div>
					<div class="form-group">
				       <label class="col-lg-2 control-label">目的IP/目的端口：</label>
				       <label class="col-lg-4 control-label tl" data-id="dstIpPort"></label>
				       <label class="col-lg-2 control-label">目的IP资产名称：</label>
				       <label class="col-lg-4 control-label tl" data-id="dstIpName"></label>
					</div>
					<div class="form-group">
					   <label class="col-lg-2 control-label">发生源设备类型：</label>
				       <label class="col-lg-4 control-label tl" data-id="deviceTypeName"></label>
					   <label class="col-lg-2 control-label">事件来源：</label>
				       <label class="col-lg-4 control-label tl" data-id="edName"></label>
					</div>
					<div class="form-group">
				       <label class="col-lg-2 control-label">协议：</label>
				       <label class="col-lg-10 control-label tl" data-id="protocol"></label>
					</div>
					<div class="form-group">
				       <label class="col-lg-2 control-label">处理建议：</label>
				       <label class="col-lg-10 control-label tl" data-id="alarmDesc"></label>
					</div>
		        </form>
		      </div> 
		    </div>

		    <!-- tab2 -->
			<div class="tab-pane pabs" style="top:80px;bottom:0;left:0;right:0">
		      <div class="panel-body no-tb-padder h-all">
		        <form class="bs-example form-horizontal xs-form h-all">
		        	<div id="ori_alarm_log_table_div" class="table-div h-all"></div>
		        </form>
		      </div>
		    </div>

		    <!-- tab3 -->
			<div class="tab-pane">
		      <div class="panel-body no-tb-padder">
		        <form class="bs-example form-horizontal xs-form">
					<div id="alarm_sample_analy_chart_div" class="chart-div bdd" style="height:200px"></div>
		        	<div id="alarm_sample_analy_table_div" class="table-div mt10" style="height:200px"></div>
		        </form>
		      </div>
		    </div>

		    <!-- tab4 -->
			<div class="tab-pane">
		      <div class="panel-body no-tb-padder">
		        <form class="bs-example form-horizontal xs-form">
					<div style="height:400px" id="radar_div">
						<EMBED src="/flash/Radar.swf" width="100%" height="100%" FlashVars='themeStyleUrl=/flash/styles.swf&amp;themePath=azure&amp;jsonStr={"ipTo":[{"ip":"202.111.185.5"}],"ipFrom":[{"ip":"192.168.10.238"}],"line":[{"toIp":"202.111.185.5","ip":"192.168.10.238"}]}' allowscriptaccess="always"></EMBED>
					</div>
		        </form>
		      </div>
		    </div>

		    <!-- tab5 -->
			<div class="tab-pane">
		      <div class="panel-body no-tb-padder">
		        <form class="bs-example form-horizontal xs-form" id="sec_policy_div">
					<div class="form-group">
				       <label class="col-lg-4 control-label">安全策略名称</label>
				       <label class="col-lg-4 control-label tl" data-id="alarmName"></label>
					</div>
					<div class="form-group">
				       <label class="col-lg-4 control-label">匹配规则</label>
				       <label class="col-lg-4 control-label tl" data-id="matchCriteriaValue"></label>
					</div>
					<div class="form-group">
				       <label class="col-lg-4 control-label">最大限定时间</label>
				       <label class="col-lg-4 control-label tl">
				       		<label data-id="alarmTimeout"></label>(秒)
				       </label>
					</div>
					<div class="form-group">
				       <label class="col-lg-4 control-label">最大聚合次数</label>
				       <label class="col-lg-4 control-label tl" data-id="countThreshold"></label>
					</div>
					<div class="form-group">
				       <label class="col-lg-4 control-label">事件频率</label>
				       <label class="col-lg-4 control-label tl">
				       		<label data-id="alarmFrequencies"></label>(条/秒)
				       </label>
					</div>
		        </form>
		      </div>
		    </div>
		</div>
	</div>
</div>

<!--详情内模板-->
<div class="template" id="detailmore_template">
	<div class="panel-body no-tb-padder">
		<div id="table_in_query_detailmore" class="table-div" style="height: 278px"></div>
	</div>
</div>

<!-- 查询弹出框 -->
<div class="template" id="query_template">
	<div class="panel-body no-tb-padder">
		<form class="bs-example form-horizontal xs-form" id="query_form">
			<div class="form-group">
		       <label class="col-lg-2 control-label">事件名称</label>
		       <div class="col-lg-4 tl">
		          <input type="text" class="form-control input-sm" data-id="eventName">
		       </div>
		       <label class="col-lg-2 control-label">应用事件名称</label>
		       <div class="col-lg-4 tl">
		          <input type="text" class="form-control input-sm" data-id="alarmName">
		       </div>
			</div>

			<div class="form-group">
		       <label class="col-lg-2 control-label">发生源设备类型</label>
		       <div class="col-lg-4 tl">
			        <div class="inputdrop" id="deviceType"></div>
			    </div>
		       <label class="col-lg-2 control-label">等级</label>
		       <div class="col-lg-4 tl">
					<select class="form-control input-sm" data-type="select" data-id="levelId" multiple="multiple">
						<option value="1">高</option>
						<option value="2">中</option>
						<option value="3">低</option>
					</select>
				</div>
			</div>
			<div class="form-group">
			    <label class="col-lg-2 control-label tr" style="padding-left: 0;">聚合开始时间范围</label>
			    <div class="col-lg-4">
					<select class="form-control input-sm" data-type="select" id="startDateRange">
						<option value="" selected>----</option>
						<option value="1">最近一天</option>
						<option value="2">最近一周</option>
						<option value="3">最近一月</option>
						<option value="4">最近一季度</option>
						<option value="5">最近一年</option>
					</select>
				</div>
			</div>
			<div class="form-group">
		       <label class="col-lg-2 control-label">聚合开始起始时间</label>
		       <div class="col-lg-4 tl">
			        <div class="input-group w-all">
					    <input type="text" class="form-control input-sm tl" data-type="date" data-id="startDate" container="body">
					</div>
		       </div>
		       <label class="col-lg-2 control-label">聚合开始终止时间</label>
		       <div class="col-lg-4 tl">
			        <div class="input-group w-all">
					    <input type="text" class="form-control input-sm tl" data-type="date" data-id="endDate" container="body" validate="dateCompareWithstartDate">
					</div>
		       </div>
			</div>
			<div class="form-group">
			    <label class="col-lg-2 control-label tr" style="padding-left: 0;">聚合结束时间范围</label>
			    <div class="col-lg-4">
					<select class="form-control input-sm" data-type="select" id="endDateRange">
						<option value="" selected>----</option>
						<option value="1">最近一天</option>
						<option value="2">最近一周</option>
						<option value="3">最近一月</option>
						<option value="4">最近一季度</option>
						<option value="5">最近一年</option>
					</select>
				</div>
			</div>
			<div class="form-group">
		       <label class="col-lg-2 control-label">聚合结束起始时间</label>
		       <div class="col-lg-4 tl">
			        <div class="input-group w-all">
					    <input type="text" class="form-control input-sm tl" data-type="date" data-id="startDate1" container="body">
					</div>
		       </div>
		       <label class="col-lg-2 control-label">聚合结束终止时间</label>
		       <div class="col-lg-4 tl">
			        <div class="input-group w-all">
					    <input type="text" class="form-control input-sm tl" data-type="date" data-id="endDate1" container="body" validate="dateCompareWithstartDate1">
					</div>
		       </div>
			</div>

			<div class="form-group">
		       <label class="col-lg-2 control-label">状态</label>
		       <div class="col-lg-4 tl">
		            <select class="form-control input-sm" data-type="select" data-id="stateId" multiple="multiple">
						<option value="1" selected>未处理</option>
						<option value="2">忽略</option>
						<option value="3">处理中</option>
						<option value="4">已处理</option>
					</select>
			    </div>
		        <label class="col-lg-2 control-label">忽略状态</label>
		        <div class="col-lg-4 tl">
		            <select class="form-control input-sm" data-type="select" data-id="ignoreState" disabled>
		                <option value="">----</option>
		                <option value="1">人工忽略</option>
		                <option value="2">策略忽略</option>
		            </select>
			     </div>
			</div>

			<div class="form-group">
		       <label class="col-lg-2 control-label">类型</label>
		       <div class="col-lg-4 tl">
			        <div class="inputdrop" id="kindId"></div>
		        </div>
			</div>
			
			<!-- 源IP -->
			<div class="form-group">
				<div class="border-text">
				  	<div>源IP</div>
				</div>
			    <div class="col-lg-2 radio tr">
				    <label class="i-checks">
						<input type="radio" value="1" data-id="srcIpType" name="srcIpType" checked>
						<i></i>
					IPV4
					</label>
				</div>
			    <div class="col-lg-3 tl" style="padding-right: 0;">
			        <input type="text" class="form-control input-sm" data-id="sourceStartip" validate="ipv4">
			    </div>
			    <div class="col-lg-1 p0" style="width:auto;padding:4px 17px">
			        -
			    </div>
			    <div class="col-lg-3" style="padding-left: 0;">
			        <input type="text" class="form-control input-sm" data-id="sourceEndip" validate="ipv4">
			    </div>
			</div>

		    <div class="form-group">
		        <div class="col-lg-2 radio tr">
					<label class="i-checks">
						<input type="radio" value="2" name="srcIpType">
						<i></i>
					IPV6
					</label>
				</div>
		        <div class="col-lg-7 tl" style="width:54.7%;">
		        	<input type="text" class="form-control input-sm" disabled data-id="sourceIpv6" validate="ipv6">
		        </div>
		    </div>

			<!-- 目的IP -->
		    <div class="form-group">
		        <div class="border-text">
			     	<div>目的IP</div>
			 	</div>
		        <div class="col-lg-2 radio tr">
				    <label class="i-checks tr">
						<input type="radio" value="1" data-id="destIpType" name="destIpType" checked>
						<i></i>
					IPV4
					</label>
				</div>
		      <div class="col-lg-3 tl" style="padding-right:0;">
		        <input type="text" class="form-control input-sm" data-id="destStartip" validate="ipv4">
		      </div>
		      <div class="col-lg-1 p0" style="width:auto;padding:4px 17px">
		        -
		      </div>
		      <div class="col-lg-3" style="padding-left:0;">
		        <input type="text" class="form-control input-sm" data-id="destEndip" validate="ipv4">
		      </div>
			</div>

		    <div class="form-group">
		        <div class="col-lg-2 radio tr">
					<label class="i-checks">
						<input type="radio" value="2" name="destIpType">
						<i></i>
					IPV6
					</label>
				</div>
		      <div class="col-lg-7 tl" style="width:54.7%;">
		        <input type="text" class="form-control input-sm" disabled data-id="destIpv6" validate="ipv6">
		      </div>
		    </div>

			<!-- 发生源IP -->
		    <div class="form-group">
		      <div class="border-text">
		        <div>发生源IP</div>
		      </div>
		      <div class="col-lg-2 radio tr">
				    <label class="i-checks">
						<input type="radio" value="1" data-id="occurIpType" name="occurIpType" checked>
						<i></i>
					IPV4
					</label>
				</div>

		      <div class="col-lg-3 tl" style="padding-right:0;">
		        <input type="text" class="form-control input-sm" data-id="occurStartip" validate="ipv4">
		      </div>
		      <div class="col-lg-1 p0" style="width:auto;padding:4px 17px">
		        -
		      </div>
		      <div class="col-lg-3 tl" style="padding-left:0;">
		        <input type="text" class="form-control input-sm" data-id="occurEndip" validate="ipv4">
		      </div>
			</div>

		    <div class="form-group">
		       <div class="col-lg-2 radio tr">
					<label class="i-checks">
						<input type="radio" value="2" name="occurIpType">
						<i></i>
					IPV6
					</label>
				</div>
		      <div class="col-lg-7" style="width:54.7%;">
		        <input type="text" class="form-control input-sm" disabled data-id="occurIpv6" validate="ipv6">
		      </div>
		    </div>
		</form>
	</div>
</div>

<!-- 统计弹出框 -->
<div class="template" id="count_template">
	<div class="row" style="padding:0 20px">
		<div class="col-md-6 pr5 pl5">
			<div class="panel panel-default panel-style" style="height:360px">
				<div class="panel-heading font-bold prel">
					<span>事件名称</span>
				</div>
				<div class="panel-body p1">
					<div id="eventname_analy_chars" style="height:310px"></div>
				</div>
			</div>
		</div>
		<div class="col-md-6 pr5 pl5">
			<div class="panel panel-default panel-style" style="height:360px">
				<div class="panel-heading font-bold prel">
					<span>类型</span>
				</div>
				<div class="panel-body p1">
					<div id="type_analy_chars" style="height:310px"></div>
				</div>
			</div>
		</div>
		<div class="col-md-6 pr5 pl5">
			<div class="panel panel-default panel-style" style="height:360px">
				<div class="panel-heading font-bold prel">
					<span>源IP</span>
				</div>
				<div class="panel-body p1">
					<div id="srcIp_analy_chars" style="height:310px"></div>
				</div>
			</div>
		</div>
		<div class="col-md-6 pr5 pl5">
			<div class="panel panel-default panel-style" style="height:360px">
				<div class="panel-heading font-bold prel">
					<span>目的IP</span>
				</div>
				<div class="panel-body p1">
					<div id="destIp_analy_chars" style="height:310px"></div>
				</div>
			</div>
		</div>
		<div class="col-md-6 pr5 pl5">
			<div class="panel panel-default panel-style" style="height:360px">
				<div class="panel-heading font-bold prel">
					<span>等级</span>
				</div>
				<div class="panel-body p1">
					<div id="level_analy_chars" style="height:310px"></div>
				</div>
			</div>
		</div>
		<div class="col-md-6 pr5 pl5">
			<div class="panel panel-default panel-style" style="height:360px">
				<div class="panel-heading font-bold prel">
					<span>时间</span>
				</div>
				<div class="panel-body p1">
					<div id="time_analy_chars" style="height:310px"></div>
				</div>
			</div>
		</div>
		<div class="col-md-6 pr5 pl5">
			<div class="panel panel-default panel-style" style="height:360px">
				<div class="panel-heading font-bold prel">
					<span>设备</span>
				</div>
				<div class="panel-body p1">
					<div id="device_analy_chars" style="height:310px"></div>
				</div>
			</div>
		</div>
		<div class="col-md-6 pr5 pl5">
			<div class="panel panel-default panel-style" style="height:360px">
				<div class="panel-heading font-bold prel">
					<span>设备类型</span>
				</div>
				<div class="panel-body p1">
					<div id="deviceType_analy_chars" style="height:310px"></div>
				</div>
			</div>
		</div>
	</div>
</div>

<!-- 统计模板 -->
<div id="count_tem" style="margin-left: -10px;">
	<div class="row" style="margin:0 5px">
		<div class="col-md-6 pr5 pl5">
			<div class="panel panel-default panel-style" style="height:330px;margin-bottom: 10px;">
				<div class="panel-heading font-bold prel">
					<span class="abpanel-head">事件名称</span>
				</div>
				<div class="panel-body p1" style="padding-right: 10px;">
					<div id="eventname_analy_chars" style="height:272px;"></div>
				</div>
			</div>
		</div>
		<div class="col-md-6 pr5 pl5">
			<div class="panel panel-default panel-style" style="height:330px;margin-bottom: 10px;">
				<div class="panel-heading font-bold prel">
					<span class="abpanel-head">类型</span>
				</div>
				<div class="panel-body p1" style="padding-right: 10px;">
					<div id="type_analy_chars" style="height:272px;"></div>
				</div>
			</div>
		</div>
		<div class="col-md-6 pr5 pl5">
			<div class="panel panel-default panel-style" style="height:330px;margin-bottom: 10px;">
				<div class="panel-heading font-bold prel">
					<span class="abpanel-head">源IP</span>
				</div>
				<div class="panel-body p1" style="padding-right: 10px;">
					<div id="srcIp_analy_chars" style="height:272px;"></div>
				</div>
			</div>
		</div>
		<div class="col-md-6 pr5 pl5">
			<div class="panel panel-default panel-style" style="height:330px;margin-bottom: 10px;">
				<div class="panel-heading font-bold prel">
					<span class="abpanel-head">目的IP</span>
				</div>
				<div class="panel-body p1" style="padding-right: 10px;">
					<div id="destIp_analy_chars" style="height:272px;"></div>
				</div>
			</div>
		</div>
		<div class="col-md-6 pr5 pl5">
			<div class="panel panel-default panel-style" style="height:330px;margin-bottom: 10px;">
				<div class="panel-heading font-bold prel">
					<span class="abpanel-head">等级</span>
				</div>
				<div class="panel-body p1" style="padding-right: 10px;">
					<div id="level_analy_chars" style="height:272px;"></div>
				</div>
			</div>
		</div>
		<div class="col-md-6 pr5 pl5">
			<div class="panel panel-default panel-style" style="height:330px;margin-bottom: 10px;">
				<div class="panel-heading font-bold prel">
					<span class="abpanel-head">时间</span>
				</div>
				<div class="panel-body p1" style="padding-right: 10px;">
					<div id="time_analy_chars" style="height:272px;"></div>
				</div>
			</div>
		</div>
		<div class="col-md-6 pr5 pl5">
			<div class="panel panel-default panel-style" style="height:330px;margin-bottom: 10px;">
				<div class="panel-heading font-bold prel">
					<span class="abpanel-head">设备</span>
				</div>
				<div class="panel-body p1" style="padding-right: 10px;">
					<div id="device_analy_chars" style="height:272px;"></div>
				</div>
			</div>
		</div>
		<div class="col-md-6 pr5 pl5">
			<div class="panel panel-default panel-style" style="height:330px;margin-bottom: 10px;">
				<div class="panel-heading font-bold prel">
					<span class="abpanel-head">设备类型</span>
				</div>
				<div class="panel-body p1" style="padding-right: 10px;">
					<div id="deviceType_analy_chars" style="height:272px;"></div>
				</div>
			</div>
		</div>
	</div>
</div>

</tem>